<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@include file="/../../resource.jsp"%>
        <!DOCTYPE html>
        <html lang="zh-CN">

        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>图书馆管理系统</title>
            <script src="/static/js/sys/menuPage.js"></script>
            <style type="text/css">
			.bg {
				background-color: gray;
			}
		</style>
        </head>

        <body>
            <div class="container-fuild">
                <h3>菜单设置</h3>
                <hr />
                <div class="row">
                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <div id="menuDiv" style="overflow: auto;">
                            <ul id="menuTree" class="ztree"></ul>
                        </div>
                    </div>
                    <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                        <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                            &nbsp;
                        </div>
                        <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
                            <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
                                &nbsp;
                            </div>
                          
                            <div id="menuBtn" class="btn-group" style="margin-bottom: -30px;">
                                <button type="button" id="addNode" data-toggle="modal" class="btn btn-default">
			                          <i class="glyphicon glyphicon-plus"></i> 添加同级菜单
				                  </button>
                                <button type="button" id="addChildren" class="btn btn-default">
				                      <i class="glyphicon glyphicon-plus"></i> 添加子级菜单
				                  </button>
                                <button type="button" id="editNode" class="btn btn-default">
				                     <i class="glyphicon glyphicon-edit"></i> 修改
				                  </button>
                                <button type="button" id="removeNode" class="btn btn-default">
				                     <i class="glyphicon glyphicon-trash"></i> 删除
				                  </button>
                            </div>
                        </div>
                        <br />
                        <br />
                        <br />
                        <div id="menuFormDIV">
                            <form id="menuForm" class="form-horizontal">
                                <input type="hidden" id="id" name="id">
                                <input type="hidden" class="form-control" id="supId" name="supId">
                                <div class="form-group">
                                    <div>
                                    </div>
                                    <label for="name" class="col-sm-3 control-label"><span class="text-danger">*</span> 菜单名称：</label>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="name" name="name" readonly placeholder="请输入菜单名称">
                                        <span id="nameError" class="text-danger"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="url" class="col-sm-3 control-label"> url：</label>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="url" name="url" readonly placeholder="请输入菜单url">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="supMenuName" class="col-sm-3 control-label">上级菜单：</label>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="supMenuName" readonly placeholder="上级菜单">
                                    </div>
                                </div>
                                <div class="form-group text-center">
                                    <button type="button" id="submit" class="btn btn-default">保 存</button>
                                </div>
                                <input type="hidden" id="submitFlag" name="submitFlag">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </body>

        </html>